<template>
  <div class="app-container" style="display: flex; width: 100%">
    <Map v-if="deviceCategoryList" :deviceCategoryList="deviceCategoryList" />
    <Widgets
      v-if="deviceCategoryList"
      :deviceCategoryList="deviceCategoryList"
    />
  </div>
</template>

<script setup lang="ts">
import Map from "@/views/layer/area/components/Map/index.vue";
import Widgets from "@/views/layer/area/components/Widgets/index.vue";
import { useDeviceCategory } from "@/views/layer/area/hooks/useDeviceCategory";
defineOptions({
  name: "Inspection",
  inheritAttrs: false,
});
const deviceCategoryList = ref();

onBeforeMount(async () => {
  deviceCategoryList.value = await useDeviceCategory();
});
</script>
